<?php echo '<?xml version="1.0" encoding="Windows-1250"?>'; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Expediente Electr&oacute;nico del PEA</title>
        <link rel="stylesheet" href="css/screen.css" type="text/css" media="all" />
	<link type="text/css" href="css/redmond/jquery-ui-1.8.4.custom.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"></script>

        <!-- Protonotes -->
        <script src="http://www.protonotes.com/js/protonotes.js" type="text/javascript"></script>
        <script type="text/javascript">
        var groupnumber="qgR8jwNsQULB";
        var show_menubar_default=false;
        </script><!-- close Protonotes -->
        
    </head>
    <body>
        <div id="header">
	    <div class="wrap">
                <h1 class="logo"><a href="index.html">PEA</a></h1>

                <div class="you">
                    <ul class="logged_in">
                        <li>Thirsa Sili&eacute;zar Rodas</li>
                        <li><a href="/logout.html">salir &raquo;</a></li>
                    </ul>
                </div><!-- close .you -->
		
	    </div><!-- close .wrap -->
	    
	    <ul class="tab">
		<li><a href="index.html"><span>Inicio</span></a></li>
		<li><a href="persons.html"><span>Personas</span></a></li>
		<li class="active"><a href="groups.html"><span>Grupos</span></a></li>
		
	    </ul>
	    	 
	</div><!-- close #header -->
	
	<div id="topcontent">
	    <div class="wrap">
		
		<h1 class="module_name">Grupos</h1>
		
		<div class="module_search">
		    <input type="text" class="module_search" />&nbsp;<input type="button" value="Buscar" />
		</div>
		
		<div class="clearfloat"></div>
	    </div><!-- close .wrap -->
	</div><!-- close #topcontent -->
	
	<div id="content">
	    <div class="wrap">
		
		<div class="left_panel">
		    <img class="photo" src="img/group.png" />
		</div>

		<div class="right_panel">
		    <h3 class="content_title">Voluntarios</h3>

		    <div id="content_tabs">
			<script type="text/javascript">
			$(function(){
				// Declara los tabs en JQuery
				$('#content_tabs').tabs();
			});
			</script>

			<ul>
				<li><a href="#profile">Perfil</a></li>
				<li><a href="#members">Miembros</a></li>
				<li><a href="#groups">Grupos</a></li>
			</ul>
			<div id="profile">
                            <div class="public_info"><strong>Atenci&oacute;n:</strong> esta informaci&oacute;n es p&uacute;blica.</div>
			    <table>
					<tr>
						<th>Nombre:</th>
						<td><input type="text" value="Voluntarios"></td>
					</tr>
					<tr>
						<th>Descripci&oacute;n:</th>
                                                <td><input type="text" size="50" value="Grupo conformado por los facilitadores del programa" /></td>
					</tr>
					<tr>
						<th>Fecha de Inicio:</th>
						<td><input type="text" value="30-01-2010"></td>
					</tr>
					<tr>
						<th>Fecha de finalizaci&oacute;n:</th>
						<td><input type="text" value="29-05-2010"></td>
					</tr>
			    </table>
			
			</div>
			
			<div id="members">
                            <div class="public_info"><strong>Atenci&oacute;n:</strong> esta informaci&oacute;n es p&uacute;blica.</div>
				Personas: <input type="text" />
				<p>
				<input type="checkbox" checked="checked">Alexis Serrano Rodr&iacute;guez (051034)</input>
				</p>
				<p>
				<input type="checkbox" checked="checked">Alejandra Ram&iacute;rez Zeled&oacute;n (051035)</input>
				</p>
			</div>
                        <div id="groups">
                            <div class="public_info"><strong>Atenci&oacute;n:</strong> esta informaci&oacute;n es p&uacute;blica.</div>
                                    Subgrupos: <input type="text" />
                                    <p>
                                    <input type="checkbox" checked="checked">Estudios Sociales</input>
                                    </p>
                                    <p>
                                    <input type="checkbox" checked="checked">Matem&aacute;ticas</input>
                                    </p>
                        </div>
                   </div> <!-- close content_tab -->

		<div class="text-right">
			<input type="button" value="Guardar"/>
			<a href="#">Cancelar</a>
		</div>

            </div> <!-- close .right_panel -->
					    
	    </div><!-- close .wrap -->
	</div><!-- close #content -->
	
	<div id="footer">
	    <div class="wrap">
		
		&copy; 2010 bajo <a href="http://www.opensource.org/licenses/mit-license.php" target="_blank">licencia MIT</a><br/>
		para el Programa de Educaci&oacute;n Abierta Vida Abundante
	    
	    </div><!-- close .wrap -->
	</div><!-- close #content -->
	
      </body>
</html>
